<!-- 组件的结构 -->
<template>
    <div class="demo">
        <h2>学生名称：{{name}}</h2>
        <h2>学生年龄：{{age}}</h2>
        <button @click="sendStudentName">把学生名给School组件</button>
	</div>
</template>
<!-- 组件交互相关的代码（数据，方法） -->
<script>
// 直接暴露组件的配置对象，提供外部引用
export default {
    name:'Student',
    data(){
        return{
            name:'张三',
            age:19
        }
        
    },
    methods:{
        sendStudentName(){
            this.$bus.$emit('hello', this.name);
        }
    },
    mounted(){
        console.log('Student',this.$bus);
    }
}
</script>
<!-- 组件的样式 -->
<style scoped>
    .demo{
        background-color: gray;
    }
</style>